﻿<!DOCTYPE html>
<html>
  <head>
    <title>4.2-订阅</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/4_2-订阅/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/4_2-订阅/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u3731" class="ax_default _形状">
        <img id="u3731_img" class="img " src="images/4_2-订阅/u3731.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u3732" class="ax_default" data-left="0" data-top="0" data-width="1458" data-height="1001">

        <!-- Unnamed (矩形) -->
        <div id="u3733" class="ax_default _形状">
          <img id="u3733_img" class="img " src="images/0-目录/u726.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u3734" class="ax_default _水平线">
          <img id="u3734_img" class="img " src="images/1_1-观看者页面/u739.png"/>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u3735" class="ax_default _文本段落" data-label="Header 2">
        <img id="u3735_img" class="img " src="images/1_1-观看者页面/header_2_u741.png"/>
        <div id="u3735_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">4.2-</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">订阅</span></p>
        </div>
      </div>

      <!-- Unnamed (4.2订阅频道) -->

      <!-- Unnamed (矩形) -->
      <div id="u3737" class="ax_default _形状">
        <img id="u3737_img" class="img " src="images/屏蔽和马赛克（马赛克暂不做）/u2045.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3738" class="ax_default _形状">
        <img id="u3738_img" class="img " src="images/流程图（节目列表_个人信息）/u682.png"/>
        <div id="u3738_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3739" class="ax_default _形状">
        <img id="u3739_img" class="img " src="images/流程图（节目列表_个人信息）/u682.png"/>
        <div id="u3739_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">预约</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3740" class="ax_default _形状">
        <img id="u3740_img" class="img " src="images/流程图（节目列表_个人信息）/u681.png"/>
        <div id="u3740_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">订阅</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3741" class="ax_default _文本段落">
        <img id="u3741_img" class="img " src="images/流程图（节目列表_个人信息）/u696.png"/>
        <div id="u3741_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; 人12 花12</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3742" class="ax_default _文本段落">
        <img id="u3742_img" class="img " src="images/发布者-流程图/u601.png"/>
        <div id="u3742_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">互动：1123条</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3743" class="ax_default _形状">
        <img id="u3743_img" class="img " src="images/4_2-订阅/u3743.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3744" class="ax_default _形状">
        <img id="u3744_img" class="img " src="images/观看者-流程图/u417.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3745" class="ax_default _文本段落">
        <img id="u3745_img" class="img " src="images/流程图（节目列表_个人信息）/u696.png"/>
        <div id="u3745_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; 人12 花12</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3746" class="ax_default _形状">
        <img id="u3746_img" class="img " src="images/1_1-观看者页面/u758.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3747" class="ax_default _形状">
        <img id="u3747_img" class="img " src="images/观看者-流程图/u416.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3748" class="ax_default _形状">
        <img id="u3748_img" class="img " src="images/观看者-流程图/u472.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3749" class="ax_default _形状">
        <img id="u3749_img" class="img " src="images/观看者-流程图/u472.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3750" class="ax_default _形状">
        <img id="u3750_img" class="img " src="images/观看者-流程图/u472.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3751" class="ax_default _形状">
        <img id="u3751_img" class="img " src="images/观看者-流程图/u416.png"/>
        <div id="u3751_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">我的</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3752" class="ax_default _形状">
        <img id="u3752_img" class="img " src="images/4_2-订阅/u3752.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3753" class="ax_default _形状">
        <img id="u3753_img" class="img " src="images/4_2-订阅/u3752.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u3754" class="ax_default" data-left="18" data-top="70" data-width="266" data-height="141">

        <!-- Unnamed (占位符) -->
        <div id="u3755" class="ax_default _形状">
          <img id="u3755_img" class="img " src="images/流程图（节目列表_个人信息）/u693.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u3756" class="ax_default _形状">
          <img id="u3756_img" class="img " src="images/观看者-流程图/u429.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3757" class="ax_default _文本段落">
          <img id="u3757_img" class="img " src="images/流程图（节目列表_个人信息）/u688.png"/>
          <div id="u3757_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3758" class="ax_default _文本段落">
          <img id="u3758_img" class="img " src="images/流程图（节目列表_个人信息）/u696.png"/>
          <div id="u3758_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; 人12 花12</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3759" class="ax_default _文本段落">
          <img id="u3759_img" class="img " src="images/发布者-流程图/u601.png"/>
          <div id="u3759_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">互动：1123条</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3760" class="ax_default _形状">
          <img id="u3760_img" class="img " src="images/流程图（节目列表_个人信息）/u691.png"/>
          <div id="u3760_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">LIVE</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u3761" class="ax_default" data-left="18" data-top="220" data-width="266" data-height="109">

        <!-- Unnamed (矩形) -->
        <div id="u3762" class="ax_default _形状">
          <img id="u3762_img" class="img " src="images/流程图（节目列表_个人信息）/u686.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u3763" class="ax_default _形状">
          <img id="u3763_img" class="img " src="images/观看者-流程图/u429.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3764" class="ax_default _文本段落">
          <img id="u3764_img" class="img " src="images/流程图（节目列表_个人信息）/u688.png"/>
          <div id="u3764_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3765" class="ax_default _文本段落">
          <img id="u3765_img" class="img " src="images/流程图（节目列表_个人信息）/u689.png"/>
          <div id="u3765_text" class="text ">
            <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">直播我第一次挑战冲浪大赛~~</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3766" class="ax_default _文本段落">
          <img id="u3766_img" class="img " src="images/流程图（节目列表_个人信息）/u690.png"/>
          <div id="u3766_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">粉丝：1256&nbsp;&nbsp; 12-23 23：00</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3767" class="ax_default _形状">
          <img id="u3767_img" class="img " src="images/流程图（节目列表_个人信息）/u691.png"/>
          <div id="u3767_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">预约</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u3768" class="ax_default" data-left="18" data-top="338" data-width="266" data-height="109">

        <!-- Unnamed (矩形) -->
        <div id="u3769" class="ax_default _形状">
          <img id="u3769_img" class="img " src="images/流程图（节目列表_个人信息）/u686.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u3770" class="ax_default _形状">
          <img id="u3770_img" class="img " src="images/观看者-流程图/u429.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3771" class="ax_default _文本段落">
          <img id="u3771_img" class="img " src="images/流程图（节目列表_个人信息）/u688.png"/>
          <div id="u3771_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3772" class="ax_default _文本段落">
          <img id="u3772_img" class="img " src="images/流程图（节目列表_个人信息）/u689.png"/>
          <div id="u3772_text" class="text ">
            <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">直播我第一次挑战冲浪大赛~~</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3773" class="ax_default _文本段落">
          <img id="u3773_img" class="img " src="images/流程图（节目列表_个人信息）/u690.png"/>
          <div id="u3773_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">粉丝：1256&nbsp;&nbsp; 12-23 23：00</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3774" class="ax_default _形状">
          <img id="u3774_img" class="img " src="images/流程图（节目列表_个人信息）/u691.png"/>
          <div id="u3774_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">预约</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u3775" class="ax_default" data-left="18" data-top="450" data-width="266" data-height="115">

        <!-- Unnamed (矩形) -->
        <div id="u3776" class="ax_default _形状">
          <img id="u3776_img" class="img " src="images/流程图（节目列表_个人信息）/u686.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u3777" class="ax_default _形状">
          <img id="u3777_img" class="img " src="images/观看者-流程图/u429.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3778" class="ax_default _文本段落">
          <img id="u3778_img" class="img " src="images/流程图（节目列表_个人信息）/u688.png"/>
          <div id="u3778_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3779" class="ax_default _文本段落">
          <img id="u3779_img" class="img " src="images/流程图（节目列表_个人信息）/u689.png"/>
          <div id="u3779_text" class="text ">
            <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">直播我第一次挑战冲浪大赛~~</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3780" class="ax_default _文本段落">
          <img id="u3780_img" class="img " src="images/流程图（节目列表_个人信息）/u690.png"/>
          <div id="u3780_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">粉丝：1256&nbsp;&nbsp; 12-23 23：00</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3781" class="ax_default _形状">
          <img id="u3781_img" class="img " src="images/4_2-订阅/u3781.png"/>
          <div id="u3781_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">已预约</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3782" class="ax_default _文本段落">
        <img id="u3782_img" class="img " src="images/4_2-订阅/u3782.png"/>
        <div id="u3782_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;color:#6699FF;">一分页加载10个视频内容</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#000000;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#000000;">支持下拉刷新</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#000000;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#000000;">订阅有新内容（只包括直播和预约）需要有红点提示，查看列表后红点消失</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u3783" class="ax_default" data-left="369" data-top="351" data-width="266" data-height="109">

        <!-- Unnamed (矩形) -->
        <div id="u3784" class="ax_default _形状">
          <img id="u3784_img" class="img " src="images/观看记录（暂不做）/u3133.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u3785" class="ax_default _形状">
          <img id="u3785_img" class="img " src="images/观看者-流程图/u429.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3786" class="ax_default _文本段落">
          <img id="u3786_img" class="img " src="images/流程图（节目列表_个人信息）/u688.png"/>
          <div id="u3786_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3787" class="ax_default _文本段落">
          <img id="u3787_img" class="img " src="images/流程图（节目列表_个人信息）/u689.png"/>
          <div id="u3787_text" class="text ">
            <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">直播我第一次挑战冲浪大赛~~</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3788" class="ax_default _文本段落">
          <img id="u3788_img" class="img " src="images/流程图（节目列表_个人信息）/u690.png"/>
          <div id="u3788_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">粉丝：1256&nbsp;&nbsp; 12-23 23：00</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3789" class="ax_default _形状">
          <img id="u3789_img" class="img " src="images/4_2-订阅/u3789.png"/>
          <div id="u3789_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">预约</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3790" class="ax_default _文本段落">
        <img id="u3790_img" class="img " src="images/1_1-观看者页面/u818.png"/>
        <div id="u3790_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">已预约视频模块：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3791" class="ax_default _文本段落">
        <img id="u3791_img" class="img " src="images/4_2-订阅/u3791.png"/>
        <div id="u3791_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">点击后预约当前直播，再次点击取消预约并弹出toast</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3792" class="ax_default _形状">
        <img id="u3792_img" class="img " src="images/3_4-个人信息－浮层/u3488.png"/>
        <div id="u3792_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">预约成功</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3793" class="ax_default _形状">
        <img id="u3793_img" class="img " src="images/3_4-个人信息－浮层/u3488.png"/>
        <div id="u3793_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">取消预约</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3794" class="ax_default _形状">
        <img id="u3794_img" class="img " src="images/观看记录（暂不做）/u3133.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3795" class="ax_default _形状">
        <img id="u3795_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3796" class="ax_default _文本段落">
        <img id="u3796_img" class="img " src="images/流程图（节目列表_个人信息）/u688.png"/>
        <div id="u3796_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3797" class="ax_default _文本段落">
        <img id="u3797_img" class="img " src="images/流程图（节目列表_个人信息）/u689.png"/>
        <div id="u3797_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">直播我第一次挑战冲浪大赛~~</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3798" class="ax_default _文本段落">
        <img id="u3798_img" class="img " src="images/流程图（节目列表_个人信息）/u690.png"/>
        <div id="u3798_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">粉丝：1256&nbsp;&nbsp; 12-23 23：00</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3799" class="ax_default _形状">
        <img id="u3799_img" class="img " src="images/4_2-订阅/u3789.png"/>
        <div id="u3799_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">已预约</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3800" class="ax_default _文本段落">
        <img id="u3800_img" class="img " src="images/4_2-订阅/u3800.png"/>
        <div id="u3800_text" class="text ">
          <p style="font-size:18px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">订阅频道布局：</span></p><p style="font-size:13px;"><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p style="font-size:13px;"><span style="font-family:'微软雅黑';font-weight:400;color:#6699FF;"><br></span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u3801" class="ax_default _文本段落" data-label="Header 2">
        <img id="u3801_img" class="img " src="images/1_1-观看者页面/header_2_u782.png"/>
        <div id="u3801_text" class="text ">
          <p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">说明：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3802" class="ax_default _文本段落">
        <img id="u3802_img" class="img " src="images/节目信息（暂不做）/u1155.png"/>
        <div id="u3802_text" class="text ">
          <p style="font-size:36px;"><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;font-size:56px;color:#000000;">46</span><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;"> </span><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;color:#999999;">/ 61</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
